<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">    
    <meta name="format-detection" content="telephone=no, email=no">
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="description" content="描述1">
    <meta name="keywords" content="描述1">
    <title>Document</title>
    <style>
        #bd{
    padding-left:210px;
}
#aside{
    float:left;
    position:relative;
    left:-210px;
    width:200px;
    margin-left:-100%;
}
#main{
    float:left;
    width:100%;
}
    </style>
</head>

<body>
	<header id="hd">头部</header>
	<a href="javascript:window.close()" >关闭窗口</a>
	<a href="javascript:window.opener=null;window.open('','_self');window.close();">关闭</a>
	<span onclick="javascript:var a = 3,b=4;alert(a+b);window.close()">弹框</span>
	<div id="bd">
		<div id="main">主内容栏自适应宽度</div>
		<aside id="aside">侧边栏固定宽度</aside>
	</div>
	<footer id="ft">底部</footer>
		
		<div id="demo">
		<a href="?"><span>1px圆角</span></a>
		<a href="?"><span>确定</span></a>
		<a href="?"><span>取消</span></a>
	</div>
	<form>
		<select>
			<option>选项1</option>
			<option>选项2</option>
			<option selected>选项3</option>
		</select>
	</form>

</body>

</html>